<!-- 配额管理 -->
<template>
	<uv-navbar :fixed="true" :placeholder="true" :title="title" left-arrow @leftClick="$onClickLeft" />
	<view class="container">

		<uv-tabs :list="list" :current="current" :scrollable="false" lineWidth="60" @click="handleTab"></uv-tabs>
		<!-- 统计 -->
		<template v-if="current == '0'">
			<carbonAssets />
			<quota />

		</template>
		<!-- OCCR -->
		<template v-else-if="current == '1'">
			<CCER />

		</template>
		<!-- 记录 -->
		<template v-else-if="current == '2'">
			<record/>
		</template>

	</view>


</template>

<script setup>
	import {
		ref
	} from "vue"
	import carbonAssets from "./components/carbonAssets.vue"
	import quota from "./components/quota.vue"
	import CCER from "./components/CCEr.vue"
	import record from "./components/record.vue"

	const title = ref('资产管理')
	const current = ref(0)
	const list = ref([{
			name: '统计',
		},
		{
			name: 'CCER',
		},
		{
			name: '记录',
		},
	])
	const overviewList = ref([{
		value: '1452.5',
		title: '应清缴碳配额(t)'
	}, {
		value: '685.2',
		title: '清缴碳配额缺口(t)'
	}, ])

	const handleTab = (e) => {
		console.log("点击", e)
		current.value = e.index
	}
</script>

<style lang="scss" scoped>
</style>